<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core">
<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" />
	<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />       
	<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
	<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
    <title>Listar Usuarios</title>
</h:head>
<h:body>
<div class="container">
        <h1>Listado de Usuarios</h1>
        <div id="salida">
            <h:dataTable value="#{usuariosMBListar.usuarios}" var="usuario" border="1">
            <h:column>
        		<f:facet name="header">
           			<h:outputText value="Rut Usuario" />
        		</f:facet>
        		<h:outputText value="#{usuario.rut}" />
    		</h:column>
    		<h:column>
        		<f:facet name="header">
           			<h:outputText value="Nombres" />
        		</f:facet>
        		<h:outputText value="#{usuario.nombres}" />
    		</h:column>
    		<h:column>
        		<f:facet name="header">
           			<h:outputText value="Apellidos" />
        		</f:facet>
        		<h:outputText value="#{usuario.apellidos}" />
    		</h:column>
    		<h:column>
        		<f:facet name="header">
           			<h:outputText value="Telefono" />
        		</f:facet>
        		<h:outputText value="#{usuario.telefono}" />
    		</h:column>
    		<h:column>
        		<f:facet name="header">
           			<h:outputText value="Direccion" />
        		</f:facet>
        		<h:outputText value="#{usuario.direccion}" />
    		</h:column>
            </h:dataTable>
           </div>
    </div>
	
			                
    </h:body>
</html>